<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title></title>
    <link rel="stylesheet" href="../style/regist.css" >
</head>
<body>
  <div id="regist-content">
      <h3>办卡资料</h3>
      <div class="info">
          <label for="name">姓名：</label>
          <input id="name" type="text">
          <div class="tips">
              <p>亲，需要输入2-4个中文字哦</p>
          </div>
      </div>
      <div class="info">
          <label for="age">年龄：</label>
              <select id="age">
                  <option></option>
                  <option>18岁以下</option>
                  <option>18-22岁</option>
                  <option>22-55岁</option>
                  <option>55岁以上</option>
              </select>
          <div class="tips">
              <p></p>
          </div>
      </div>
      <div class="info">
          <label for="address">公司地址：</label>
              <input id="address" type="text">
          <div class="tips">
              <p>亲，需要输入2~100个中文字哦</p>
          </div>
      </div>
      <div class="info">
          <label for="phone">手机：</label>
              <input id="phone" type="text">
          <div class="tips">
              <p>亲，请输入正确的手机号码</p>
          </div>
      </div>
      <div class="info">
          <label for="check-code">验证码：</label>
           <input id="check-code" type="text"><button type="button" id="check-btn">点击获取验证码</button>
          <div class="tips">
              <p>验证码错误，请重新输入</p>
          </div>
      </div>
      <div id="btn">
          <div id="submit-wrap">
          <button type="submit" id="submit">提交</button>
              <div id="submit-pic"></div>
          </div>
          <div id="detail-wrap">
          <button type="button" id="detail">活动细则</button>
              <div id="detail-pic"></div>
          </div>
      </div>

      <div id="success-result" class="result">
          <span></span>
          <div class="tip-content">
              <p>亲，恭喜您</p>
          <p>资料填写成功</p>
          </div>
          <button type="button" class="know">我知道了</button>
      </div>
      <div id="fail-result" class="result">
          <span></span>
          <div class="tip-content">
          <p>亲,资料填写失败</p>
          <p>请重新填写</p>
          </div>
          <button type="button" class="know">我知道了</button>
      </div>
  </div>

</body>
</html>